import React, { Component } from 'react'
import classNames from 'classnames'
import SiteSta from './SiteSta'
import SiteFlow from './SiteFlow'

export default class StaBlock extends Component {
  render () {
    const { active } = this.props
    const classes = classNames('detail-block', 'detail-block__right', 'flex-box', { 'detail-block__right_active': active, })
    return (
      <div className={classes}>
        <div className="detail-block__row flex-box">
          <SiteSta title="一号线今日断面客流" id="1" />
          <SiteSta title="二号线今日断面客流" id="2" />
        </div>
        <div className="detail-block__row flex-box">
          <SiteFlow title="一号线各站台日进出客流" id="1" />
          <SiteFlow title="二号线各站台日进出客流" id="2" />
        </div>

      </div>
    )
  }
}